<ion-content padding class="bgWebp">
  <!-- <video  loop="loop" autoplay="autoplay"
  src="assets/mp4/bgVideo.mp4" class="video-tvc"></video> -->
    <ion-header>
      <ion-toolbar>
        <ion-buttons slot="start">
          <ion-button (click)="backClick()">
            <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
          </ion-button>
        </ion-buttons>
      </ion-toolbar>
    </ion-header>
    <div class="auth-content">
      <!-- Logo -->
      <div padding-horizontal text-center class="animated fadeInDown">
        <div class="logo">
          <img src="assets/img/login_icon.png" style="width:80px;" />
        </div>
      </div>
      <!-- Login form -->
      <form [formGroup]="onLoginForm" class="list-form">
        <ion-item no-padding class="animated fadeInUp" style="position: relative;" lines="none">
          <ion-icon class="iconfont  ion-ios-yonghu1" style="font-size: 24px" slot="start"></ion-icon>
          <ion-input type="text" placeholder="用户名" formControlName="username"></ion-input>
          <span (click)="getCode()" style="position: absolute; font-size: 10px; bottom: 8px;border-radius: 20px; padding: 5px; border: 1px solid #f24439; right: 10px; z-index: 100; display: inline-block; color: #f24439; background: #fff;">邮箱验证码<span *ngIf="gap!=0">{{gap}}s</span></span>
        </ion-item>
        <ion-item no-padding class="animated fadeInUp" lines="none">
          <ion-icon class="iconfont  ion-ios-qunfengxiugaimima" style="font-size: 24px" slot="start"></ion-icon>
          <ion-input type="text" placeholder="邮箱验证码" formControlName="imgcode" style="padding-right: 30px;"></ion-input>
        </ion-item>
        <ion-item no-padding class="animated fadeInUp" lines="none">
          <ion-icon class="iconfont  ion-ios-qunfengxiugaimima" style="font-size: 24px" slot="start"></ion-icon>
          <ion-input type="password" placeholder="新密码" formControlName="password"></ion-input>
        </ion-item>
      </form>
      <div>
        <ion-button  size="medium"  shape="round" expand="block" color="primary01" (click)="onSubmit()"
          [disabled]="!onLoginForm.valid" tappable>
          确定
        </ion-button>
      </div>
      <div class="f-div">
        <p tappable (click)="onLogin()" class="paz ion-float-left">
          <ion-text>登录</ion-text>
        </p>
        <p tappable (click)="registPage()" class="paz ion-float-right">
          <ion-text>注册</ion-text>
        </p>
      </div>
    </div>
  </ion-content>